<!DOCTYPE html>
<html>
	<head>
		{include file="common/head"}
	</head>
	<body>
		{include file="common/menu"}

		<!--轮播图-->
		<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
			<div class="carousel-indicators">
				{hkcms:adv name="home_banner"}
				<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="{$key}" class="{$item.currentstyle}" aria-current="true"></button>
				{/hkcms:adv}
			</div>
			<div class="carousel-inner">
				{hkcms:adv name="home_banner"}
				<div class="carousel-item {$item.currentstyle}">
					<img src="{$item.image}" class="d-block w-100" alt="{$item.title}">
					<div class="carousel-caption d-md-block">
						<h5>{$item.title}</h5>
						<p class="info">{$item.notes}</p>
						<a class="btn btn-primary" href="{$item.url}" {$item.target}>了解我们 >></a>
					</div>
				</div>
				{/hkcms:adv}
			</div>
			<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="visually-hidden">Previous</span>
			</button>
			<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="visually-hidden">Next</span>
			</button>
		</div>

		<!--公司简介-->
		<section class="company sec_pad">
			<div class="container">
				<div class="pricing-header">
					<h1 class="title text-center">公司简介</h1>
					<p class="lead text-center">公司指一般依法设立的，由独立的法人财产，以营利为目的的企业法人。</p>
					<div class="my-xl-5">
						<div class="row">
							{hkcms:content catid="2"}
							<div class="col-xl-5 col-lg-5">
								<img src="{$item.thumb}">
							</div>
							<div class="col-xl-7 col-lg-7 info-box">
								<p class="info">{$item.description}</p>
								<p class="info-btn m-0"><a href="{$item.url}" class="btn btn-primary">查看详情>></a></p>
							</div>
							{/hkcms:content}
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--产品-->
		<section class="product sec_pad">
			<div class="container">
				<div class="pricing-header mb-3 mb-xl-0  product">
					<h1 class="title text-white text-center">产品展示</h1>
					<p class="lead text-center">全力为中小企业提供网页设计、网站建设等店铺详情装修设计、平面设计、品牌推广等高度定制服务</p>
					<div class="card mb-3 mt-xl-5">
						<div class="row">
							{hkcms:content catid="16" num="4"}
							<div class="col-xl-6 col-lg-6">
								<div class="row product-main">
									<div class="col-xl-2 col-sm-2 col-2 p-0 pt-3 p-xl-3">
										<img src="{$item.thumb}" />
									</div>
									<div class="col-xl-10 col-sm-10 col-10 px-0 p-xl-0">
										<div class="card-body">
											<h5>{$item.title}</h5>
											<p class="card-text h200">{$item.description}</p>
										</div>
									</div>
								</div>
							</div>
							{/hkcms:content}
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--团队展示-->
		<section class="team sec_pad">
			<div class="container">
				<div class="pricing-header text-center team">
					<h1 class="title">团队展示</h1>
					<p class="lead">公司指一般依法设立的，由独立的法人财产，以营利为目的的企业法人。</p>
					<div class="card mb-0 mt-xl-5">
						<div class="row g-0">
							{hkcms:content catid="5" num="4"}
							<div class="card col-xl-3 item col-lg-3">
								<div class="border">
									<img src="{$item.thumb}" class="card-img-top" alt="{$item.title}">
									<div class="card-body">
										<h5>{$item.title}</h5>
										<h6 class="card-title">{$item.author}</h6>
										<a href="{$item.url}" class="btn btn-primary btn-sm">查看详情</a>
									</div>
								</div>
							</div>
							{/hkcms:content}
						</div>
					</div>
				</div>
			</div>
		</section>

		<!--专业服务说明-->
		<div class="pricing-header mx-auto text-center service">
			<div class="card">
				{hkcms:content catid="15" num="1"}
				<div class="row g-0 col-xl-12">
					<div class="col-xl-6 col-lg-6">
						<img src="{$item.thumb}">
					</div>
					<div class="col-xl-6 col-lg-6">
						<div class="card-body">
							<h5>{$item.title}</h5>
							<p class="card-text col-xl-10">{$item.description}</p>
							<p class="m-0 info-btn"><a href="{$item.url}" class="btn btn-outline-primary">查看详情>></a></p>
						</div>
					</div>
				</div>
				{/hkcms:content}
			</div>
		</div>

		{if $Tpl.base.hide}
		<!--配置文件控制, 演示效果-->
		<section class="news sec_pad">
			<div class="container">
				<div class="pricing-header mb-3 mb-xl-0 text-center news">
					<h1 class="title">{$Tpl.base.title}</h1>
					<p class="lead">{$Tpl.base.desc}</p>
					<div class="card mb-0 mt-xl-5">
						<div class="row col-xl-12">
							{hkcms:content catid="$Tpl['base']['news_id']" num="4" }
							<div class="card col-xl-3 col-lg-4">
								<a href="{$item.url}" title="{$item.title}" class="jump_url">
									<div class="border">
										<img src="{$item.thumb}" class="card-img-top" alt="{$item.title}">
										<div class="card-body">
											<h5>{$item.title}</h5>
											<h6>{hkcms:date name="$item['publish_time']" format="Y-m-d"}</h6>
											<p class="card-text">{$item.description}</p>
										</div>
									</div>
								</a>
							</div>
							{/hkcms:content}
						</div>
					</div>
				</div>
			</div>
		</section>
		{/if}

		{include file="common/footer"}
	</body>
</html>
